<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Easy Travel Planner</title>

    <link rel="stylesheet" type="text/css" href="stylesheets/common.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/main.css" />

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAAi6I1ACid8gbMwkqD78FaAdO9OCvrlqQ&sensor=false"></script>

    <script type="text/javascript" src="js/planner.js"></script>

    <script type="text/javascript">
    <!--
    $(function() {
      global_spot_selector =
        new planner.SpotSelector($("#MapCanvas"),
                                 $("#SpotCount"),
                                 $("#SelectedSpots"),
                                 $("#SpotsListContent"),
                                 '{{ home.key }}', '{{ home.name }}',
                                 {{ home.location }},
                                 15);
    });
    -->
    </script>
  </head>

  <body>
    <div id="Containter">
      <div id="Header">
        <div class="HeaderLeft">
          <h1><a href="/">Easy Travel Planner</a></h1>
        </div>
        <div class="HeaderRight">
          <form action="result" method="POST">
            <input type="hidden" id="SelectedSpots" name="SelectedSpots" />
            <input type="image" id="SubmitButton" src="fig/start.png" />
          </form>
        </div>
        <div class="HeaderRight">
          <p id="SpotCount"></p>
        </div>
        <div class="Cleaner"></div>
      </div>

      <div id="Body">
        <div id="LeftColumn">
          <div id="MapCanvas"></div>
        </div>

        <div id="RightColumn">
          <div id="SpotsListContent"><p>載入中...</p></div>

          <div id="Footer">
            <p>AI PROJECT<br/>
               Copyright &copy; 2012 by 林自均、林明萱、簡子翔</p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
